<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>注册</title>
	<link rel="stylesheet" type="text/css" href="css/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/my-style.css">
	<!--[if lt IE 9]> 
		<script src="js/html5shiv.min.js"></script> 
	<![endif]-->
</head>
<body>
	<!-- 导航栏 -->
		<header>
		<nav class="navbar navbar-inverse">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="index.html">
		        <img alt="LOGO" src="img/logo.png">
		      </a>
				</div>
				<div class="collapse navbar-collapse" id="navbar-collapse-1">
					<ul class="nav navbar-nav navbar-left">
						  <li><a href="index/home">首页</a></li>
				          <li><a href="lawyer/list">法律人</a></li>
				          <li><a href="contract/list">法律产品</a></li>
				          <li><a href="knowledge/index">法律知识</a></li>
				          <li><a href="#">招聘</a></li>
					</ul>

					<ul class="nav navbar-nav navbar-right">
						<li><a class="add-btn" href="index/join">法律人入驻<span class="caret"></span></a></li>
	          <li><a href="user/login">登录</a></li>
	          <li class="cur"><a href="user/register">注册</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
	<!-- 注册区 -->
	<section>
		<div class="container">
			<div class="row" style="margin-top:50px;">
				<div class="col-md-6 col-sm-6 text-center hidden-xs">
					<img class="login-bg-img" style="margin-top:25px;" src="img/zclogo.jpg" alt="">
				</div>
				<div class="col-md-6 col-sm-6 col-xs-12 text-center">
					<div class="login-box center-block">
						<div class="login-center">
							<h1>用户注册</h1>
							<p class="p-liner">欢迎您注册滴法账号</p>
							<form method="post" id="register-form">
								<p id="msg-error" class="msg-error text-red"></p>
								<div class="form-box">
									<input class="input-default" type="text" placeholder="请输入手机号或邮箱" name="username" id="register-tel" maxlength="11"/>
									<i class="icon icon-phone"></i>
									
								</div>
								<div class="form-box">
									<input class="input-default" type="password" placeholder="请输入密码(由6-20位英文,数字,字母组成)" name="password" maxlength="20" id="register-psd"/>
									<i class="icon icon-lock"></i>
									
								</div>
								
								<div class="yzm-group">
									<div class="pull-left">
										<div class="form-box">
											<input class="input-default" type="text" placeholder="请输入验证码" name="yzm" id="yzm-tel">
											<i class="icon icon-phone"></i>
										</div>
										
									</div>
									<div class="pull-right">
										<input class="btn-large btn-yzm" type="button" value="获取验证码" name="yzm-btn" id="getCode">
									</div>
									
								</div>
								<input class="btn-large" type="button" value="注册滴滴法律" id="register-user" style="	margin-bottom: 10px;">
								<a class="reg-url" href="user/login">已有账号!<b>立即登录</b></a>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/register.js"></script>
</body>
</html>